<template>
 <header class="header">
      <h1>todos</h1>
      <input class="new-todo" placeholder="请输入任务名称" autofocus v-model.trim="caseName" @keyup.enter="addList"/>
    </header>
</template>

<script>
 export default {
   name: 'TodoHeader',
   props: {
   },
   components: {

   },
   data () {
     return {
       caseName:'',
     }
   },
   methods: {
    addList(){
      this.$emit('addList',this.caseName)
    }
   },
   mounted() {
   },
   watch: {

   },
   computed: {

   },
   filters: {

   }
 }
</script>

<style scoped lang='less'>

</style>